.home {

    // background-color: skyblue;
    .lefts {
        .sidebar {
            width: 100%;
            min-height: 100vh;
            background-color: #ebebeb;

            .block {
                height: 80px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .personalBox {
                z-index: 999;
                width: 290px;
                position: fixed;
                left: 53px;
                top: 40px;
                border-radius: 5px;
                box-shadow: 0 0 12px 0px #666;
                background-color: #fff;

                .box {
                    height: 100%;
                    height: 70px;
                    background-color: #dfe1e6;
                }

                .editerBox {
                    width: 100%;
                    display: flex;
                    justify-content: center;

                    .editer {
                        border: 2px solid #fff;
                        margin-top: -25px;
                        border-radius: 50%;
                    }
                }
                .name{
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    font-size: 14px;
                    margin-bottom: 15px;
                }
                .butBox{
                    padding: 0 10px 20px;
                    border-bottom: 1px solid #dadce0;
                    margin-bottom: 20px;
                    .but{
                        font-size: 12px;
                        width: 100%;
                    }
                }
                .accountBox{
                    padding: 0 20px;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    margin-bottom: 20px;
                    .account{
                        display: flex;
                        align-items: center;
                        .title{
                            font-size: 14px;
                            margin-left: 5px;
                        }
                    }
                    .accountName{
                        font-size: 13px;
                    }
                    .click{
                        color: #59a0ff;
                        cursor: pointer;
                    }
                }

            }

            .font {
                text-align: center;
                background-color: #d1d3d5;
                width: 67%;
                margin: 0 auto;
                padding: 8px 5px;
                border-radius: 5px;
                cursor: pointer;
                margin-bottom: 5px;

                .fonts {
                    color: #3889ff;
                }

                .p {
                    font-size: 13px;
                    margin-top: 0px;
                    color: #3889ff;
                }
            }

            .h {
                width: 50%;
                height: 1px;
                background-color: #c0c2c5;
                margin: 0 auto;
            }

            .fon {
                text-align: center;
                margin: 0 auto;
                width: 67%;
                padding: 8px 5px;
                margin-bottom: 5px;
                cursor: pointer;

                .fonts {
                    color: #727e96;
                }

                .p {
                    font-size: 13px;
                    margin-top: 0px;
                    color: #000;
                }
            }

        }
    }

    .fon:nth-last-child(6) {
        width: 45% !important;
        border-bottom: 1px solid #d1d3d5;
    }
}